.root{
  flex: 1;
  background-color: #F5FCFF;
}
.listDiv{
  padding-top: 4.5rem;
  padding-bottom: 10px;
}
.rowDiv{
  display: flex;
  flex-direction: column;
  background-color:#ffffff;
  margin-top:9px;
  margin-left:8px;
  margin-right:8px;
  padding-left:8px;
  padding-right:8px;
  border-color:#dddddd;
  border-width:1px;
  border-radius:5px;
  height:140px;
}
.prdnameDiv{
  flex:1;
  display: flex;
  align-items:center;
  border-bottom: #dddddd solid 1px;
}
.prdname{
  font-size:16px;
  font-weight: bold ;
  color: #101010 ;
}
.detailDiv{
  flex:2;
  display: flex;
  flex-direction: row ;
  align-items: center ;
  justify-content: space-between ;
}
.detailItemDiv{
  display:flex;
  justify-content:center;
  flex-direction: column;
}
.detailName{
  font-size:14px;
  color:#4d4d4d;
  margin-bottom:8px;
}
.detailContent{
  font-size:14px;
  color:#4d4d4d;
}
.statusDiv{
  display:flex;
  align-items:center;
  justify-content:center;
  height:40px;
  width:40px;
  border:#ED5565 solid 1px;
  border-radius:35px;
}
.statusText{
  color:#ED5565;
}
.footDiv{
  flex:1;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  border-top:#dddddd solid 1px;
}
.expdate{
  font-size:10px;
  color:#4d4d4d;
}
.btnDiv{
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#ED5565;
  width:50px;
  height:20px;
  border-radius:2px;
}
.btnText{
  font-size:10px;
  color:#ffffff;
}
